<template>
  <div>
    <el-form :inline="true" :model="formInfo" class="demo-form-inline" style="margin-left: 10%;margin-top: 30px;">
      <el-form-item label="供应商名称">
          <el-input v-model="formInfo.name" placeholder="请输入供应商名称" style="width: 300px;margin-right: 50px;"></el-input>
      </el-form-item>
      <el-form-item label="状态">
          <el-input v-model="formInfo.leixing" placeholder="请输入状态" style="width: 300px;margin-right: 50px;"></el-input>
      </el-form-item>
      <el-form-item style="margin-left: 5%;">
        <el-button type="primary" @click="handleQuery">查询</el-button>
        <el-button type="primary" @click="resetQuery">重置</el-button>
      </el-form-item>
    </el-form>
    <hr style="width: 90%;border: 1px solid #f2f2f2;">
    <el-table :data="data" class="table">
      <el-table-column label="序号" align="center" prop="id" />
      <el-table-column label="供应商名称" align="center" prop="leixing" />
      <el-table-column label="企业性质" align="center" prop="IDS" />
      <el-table-column label="机构类型" align="center" prop="ren" />
      <el-table-column label="状态" align="center" prop="time" />
      <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
        <template slot-scope="scope">
          <el-button
            size="mini"
            type="text"
            @click="look(scope.row)"
          >查看</el-button>
        </template>
      </el-table-column>
    </el-table>
  </div>
</template>

<script>
	export default {
		name: 'adverse',
		data () {
		    return {
		      key: '供应商不良记录',
          formInfo:{},
          data:[
            {id:1}
          ]
		    }
		},
		components: {

		},
		props : [],
		mounted () {

		},
		methods: {
      look(row){
        console.log(row);
        this.$router.push('/basic/supplier/review');
      },
      handleQuery() {//搜索按钮操作
        console.log("搜索")
      },
      resetQuery() {//重置按钮操作
        console.log("重置")
      },
		}
	}
</script>

<style scoped>
  .table{
    text-align: center;
    width: 90%;
    margin-top: 50px;
    margin-left: 5%;
  }
</style>
